<!-- 营业时间 -->
<template>
	<view class="container">
		<view class="content">
			<view class="item">
				<image class="icon" src="/pagesC-shopping/static/images/bell-icon.svg" mode="widthFix"></image>
				<text class="label">本站暂不支持配送服务，请在营业时间内自取</text>
			</view>
			<view class="item">
				<image class="icon" src="/pagesC-shopping/static/images/clock-icon.svg" mode="widthFix"></image>
				<text class="label">站点营业时间：09:00-21:00</text>
			</view>
		</view>
	</view>
</template>

<script setup>
</script>

<style lang="scss" scoped>
	.container {
		padding: 0 25rpx;
		margin-top: 20rpx;
		
		.content {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			height: 134rpx;
			border-radius: 20rpx;
			background-color: white;
			padding: 20rpx;
			box-sizing: border-box;
			
			.item {
				display: flex;
				align-items: center;
				
				.icon {
					flex-shrink: 0;
					width: 22rpx;
					height: 22rpx;
				}
				
				.label {
					flex-grow: 1;
					font-weight: 500;
					font-size: 26rpx;
					color: #222222;
					line-height: 1.5;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					margin-left: 10rpx;
				}
			}
		}
	}
</style>